<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"  %>
<%@taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<script type="text/javascript">
//$(window).resize(function() {
//    var width = $(this).width();
//    var height = $(this).height();
//});
</script>
<div id="nav">
	<div id="MODBLK_169" class="mod_block mb_kOzgrVaw_block">
		<div class="nav_l"></div>
		<ul id="nav_MQl7Vx" class="navigation">
			<li>
				<a href="<%=basePath%>Coer.action"> <s:property value="%{getText('Navigation1')}"/></a>
			</li>
			<li>
				<a href="<%=basePath%>CorprationAbout.action"> <s:property value="%{getText('Navigation2')}"/></a>
			</li>
			<li>
				<span><a href="<%=basePath%>News.action"><s:property value="%{getText('Navigation3')}"/></a>
					<c:if test="${!empty newsCategory}">
						<ul style="display: none;">							
							<s:iterator value="#session.newsCategory" var="newsC">
								<s:if test="#newsC.parent == null">
									<li>
										<span><a href="News.action?categoryId=<s:property value="#newsC.id"/>">
												<s:property value="#newsC.name"/></a>
											<s:if test="#newsC.children != null">
												<ul>
													<s:iterator value="#newsC.children" var="child">
														<li>
															<a href="News.action?categoryId=<s:property value="#child.id"/>">
															<s:property value="#child.name"/></a>
														</li>
													</s:iterator>
												</ul>
											</s:if>
										</span>
									</li>
								</s:if>
							</s:iterator>				
						</ul>					 
					</c:if>
				</span>
			</li>
			<li>
				<span><a href="<%=basePath%>product.action"> <s:property value="%{getText('Navigation4')}"/></a>
					<ul>
						<s:iterator value="#session.productCategory" var="productC">
							<s:if test="#productC.parent == null">
								<li>
									<span><a href="<%=basePath%>product.action?productType=<s:property value="#productC.id"/>">
											<s:property value="#productC.name"/></a>
										<s:if test="#productC.children != null">
											<ul>
												<s:iterator value="#productC.children" var="child">
													<li>
														<a href="<%=basePath%>product.action?productType=<s:property value="#child.id"/>">
														<s:property value="#child.name"/></a>
													</li>
												</s:iterator>
											</ul>
										</s:if>
									</span>
								</li>
							</s:if>
						</s:iterator>
					</ul>
				</span>
			</li>
			<li>
				<span><a href="<%=basePath%>equipment.action"> <s:property value="%{getText('Navigation5')}"/></a>
					<ul>
						<s:iterator value="#session.equipmentCategory" var="equipmentC">
							<s:if test="#equipmentC.parent == null">
								<li>
									<span><a href="<%=basePath%>equipment.action?equipmentType=<s:property value="#equipmentC.id"/>">
											<s:property value="#equipmentC.name"/></a>
										<s:if test="#equipmentC.children != null">
											<ul>
												<s:iterator value="#equipmentC.children" var="child">
													<li>
														<a href="<%=basePath%>equipment.action?equipmentType=<s:property value="#child.id"/>">
														<s:property value="#child.name"/></a>
													</li>
												</s:iterator>
											</ul>
										</s:if>
									</span>
								</li>
							</s:if>
						</s:iterator>
					</ul>
				</span>
			</li>
			<li>
				<a href="<%=basePath%>FeedBack.action"> <s:property value="%{getText('Navigation6')}"/></a>
			</li>
			<li>
				<a href="<%=basePath%>ConnectUs.action"> <s:property value="%{getText('Navigation7')}"/></a>
			</li>
		</ul>
		<div class="nav_r"></div>


		<script type="text/javascript">
		//$(".navigation li:first").css("background-image","none");
		var topMenuNum = 0;
		$("#nav_MQl7Vx li span").hover(function() {
			topMenuNum++;
			$(this).attr("id", "kindMenuHover" + topMenuNum);
			$("#kindMenuHover" + topMenuNum + " > ul").show();
			$(this).parent().addClass("hover");
		}, function() {
			$("#" + $(this).attr("id") + " > ul").hide();
			$(this).attr("id", "");
			$(this).parent().removeClass("hover");
		});
		</script>
	</div>
</div>